<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/longin.css">
    <script src="js/login.js" defer></script>
<!--    defer 延迟获取-->
</head>
<body>
    <!--上 header-->
    <div class="w">
        <div class="header">
            <div class="logo">
                <img src="images/logo.png">
                <span>欢迎登录</span>
            </div>
        </div>
    </div>

    <!--中  login-container -->
    <div class="login-container">
        <div class=" banner w">
            <div class="login-from">
                <!--tab栏切换布局使用上下结构-->
                <div class="tab-list">
                    <ul>
                        <li class="active"><a href="">账户登录</a></li>
                        <li><a href="">扫码登录</a></li>
                    </ul>
                </div>
                <div class="tab-item">
                    <ul>
                        <li class="zhuce-box" >
                            <!--表单元素-->
                            <form action="">
                                <div class="form-item">
                                    <!--   用户名 密码-->
                                    <label for="username" class="username-label"></label>
                                    <input type="text" id="username" placeholder="请输入用户名">
                                </div>
                                <div class="form-item">
                                    <!--   用户名 密码-->
                                    <label for="password" class="password-label"></label>
                                    <input type="text" name="password" id="password" placeholder="请输入密码">
                                </div>
                                <div class="form-it">
                                    <a class="wa">忘记密码?</a>
                                </div>
                                <div class="form-btn">
                                    <a href="">登录</a>
                                </div>
                            </form>
                            <div class="qt">
                                <img src="images/logintype.png" alt="">
                                <a href="register.html" class="zhuce-qit">立即注册</a>
                            </div>
                        </li>
                        <li class="code-box" style="display: none">
                            <div class="code-wrapper">
                                <h3>微信登录</h3>
                                <img src="upload/login-erweima.png" alt="">
                                <div class="saoma-tips">
                                    <p>请使用微信客户端扫码登录</p>
                                </div>
                                <div class="login-by-username">
                                    <a href="" class="return-user-login">其他登录方式</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--下-->
    <div class="w">
        <div class="footer">
            <div class="links">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">商家入驻</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">公益社区</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">English Site</a></li>
                    <li class="last"><a href="#">Contact US</a></li>
                </ul>
            </div>
            <p>Copyright© 2020-2022深圳市云网万店电子商务有限公司版权所有</p>
            <p>地址：江苏省南京市玄武区徐庄软件园苏宁大道1号 邮编：210042</p>
        </div>
    </div>
</body>
</html>